﻿<!doctype html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="refresh" content="60'">
    <title>物流数据分析</title>
    <script type="text/javascript" src="logistics/js/jquery.js"></script>
    <link rel="stylesheet" href="logistics/css/comon0.css">
    <script type="text/javascript" src="logistics/js/echarts.min.js"></script>
    <script type="text/javascript" src="logistics/js/china.js"></script>
    <script language="JavaScript"  src="logistics/js/js.js"></script>
</head>

<script>
    $(window).load(function () {
        $(".loading").fadeOut()
    })


    $(document).ready(function () {
        var whei = $(window).width()
        $("html").css({ fontSize: whei / 20 })
        $(window).resize(function () {
            var whei = $(window).width()
            $("html").css({ fontSize: whei / 20 })
        });
    });
</script>

<body>
<!--    <div class="canvas" style="opacity: .2">-->
<!--        <iframe frameborder="0" src="logistics/js/index.html" style="width: 100%; height: 100%"></iframe>-->
<!--    </div>-->
    <div class="loading">
        <div class="loadbox"> <img src="logistics/images/loading.gif"> 页面加载中... </div>
    </div>
    <div class="head">
        <h1><span style="color: deepskyblue">物流数据分析</span></h1>
        <div class="weather"><span id="showTime"></span></div>

        <script>
            var t = null;
            t = setTimeout(time, 1000); 
            function time() {
                clearTimeout(t); 
                dt = new Date();
                var y = dt.getFullYear();
                var mt = dt.getMonth() + 1;
                var day = dt.getDate();
                var h = dt.getHours(); 
                var m = dt.getMinutes(); 
                var s = dt.getSeconds(); 
                document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
                t = setTimeout(time, 1000);  
            }

        </script>


    </div>
    <div class="mainbox">
        <ul class="clearfix">
            <li style="width: 32%">
                <div class="boxall" style="height: 4.6rem">
                    <div class="alltitle">不同货品的发货数量</div>
                    <div class="allnav" id="echart1"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 4.6rem">
                    <div class="alltitle">不同货品的销售金额</div>
                    <div class="allnav" id="echart3"></div>
                    <div class="boxfoot"></div>
                </div>
            </li>
            <li>
            <li style="width: 36%">
            <div class="map">
                <div class="map1"><img src="logistics/images/lbx.png"></div>
                <div class="map2"><img src="logistics/images/jt.png"></div>
                <div class="map3"><img src="logistics/images/map.png"></div>
                <div class="boxall" style="height: 4.65rem">
                    <div class="alltitle">每个销售区域的物流商品数量、销售金额</div>
                    <div class="allnav" id="echart7"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 4.5rem">
                    <div class="alltitle">每个销售区域的物流交货状态情况</div>
                    <div class="allnav" id="echart8"></div>
                    <div class="boxfoot"></div>
                </div>
            </div>


            </li>
            </li>
            <li style="width: 32%">
                <div class="boxall" style="height:3rem">
                    <div class="alltitle">每月的物流商品数</div>
                    <div class="allnav" id="echart4"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 3rem">
                    <div class="alltitle">每月的销售金额</div>
                    <div class="allnav" id="echart5"></div>
                    <div class="boxfoot"></div>
                </div>
                <div class="boxall" style="height: 3rem">
                    <div class="alltitle">货品用户反馈商品分布</div>
                    <div class="allnav" id="echart6"></div>
                    <div class="boxfoot"></div>
                </div>
            </li>
        </ul>
    </div>
    <div class="back"></div>





</body>




</html>
